<template>
  <div>
    <!-- <TypeNav></TypeNav> -->
    <ListContainer></ListContainer>
     <Institution></Institution>
    <Recommend></Recommend>
    <Type></Type>
    
    <!-- floor这个组件的数据是父组件给的不是自己请求的，请求数据在父组件当中 -->
    <!-- <Floor v-for="(floor,index) in floorList" :key="floor.id" :list="floor"></Floor> -->

    <!-- <button @click="add">+</button>
    <span>{{count}} </span>
    <button @click="">-</button> -->
  </div>
</template>

<script>
import ListContainer from './ListContainer'
import Recommend from './Recommend'
import Type from './Type'
import Panel from './Panel'
import Institution from './Institution'
// import Rank from './Rank'
// import Brand from './Brand'
// import Floor from './Floor'
// import Like from './Like'
import {mapState} from 'vuex'

// import { mapState } from 'vuex'
export default {
    name:'Home',
    components:{
      ListContainer,
      Recommend,
     Type,
     Panel,
     Institution,
   
    },
    mounted() {
      //派发action组件获取数据
      this.$store.dispatch('getFloorList')
      // 登录请求用户数据
      // this.$store.dispatch('getUserInfo')
    },
    computed:{
      ...mapState({
        floorList:state=>state.home.floorList
      })
    }
    
}
</script>

<style>

</style>